<template>
  <div>
    <section>
      <!-- <img class="full-width" src="/static/bg06.png" alt=""> -->
    </section>
    <section class="relative supplier-system no-padding">
      <div class="mini-n-width system">
      <p class="header"><span class="minifont">会员入会申请表（施工企业）</span></p>
      <p class="content mt20">上海市安装行业协会会员申请表 </p>
      <p class="content">本单位自愿申请加入上海市安装行业协会，承认本会章程，参加本会活动，在享受会员权利的同时， 愿意履行会员义务。</p>
      <p class="content right mt60">上海市安装行业协会秘书处</p>
      <p class="content right mr35 mt10">二O二O年一月</p>
      <a-form :form="form" @submit="handleSubmit">
        <a-form-item label="单位名称" class="form-item mt60">
          <a-input v-decorator="['dwmch']" placeholder="单位名称" autocomplete="off" />
        </a-form-item>
        <a-form-item label="营业执照号" class="form-item">
          <a-input v-decorator="['yyzhizhao']" placeholder="营业执照号" autocomplete="off" />
        </a-form-item>
        <a-form-item label="注册地址" class="form-item">
          <a-input v-decorator="['zcedizhi']" placeholder="注册地址" autocomplete="off" />
        </a-form-item>
        <a-form-item label="成立日期" class="form-item">
          <a-date-picker  v-decorator="['cliriqi']"  placeholder="成立日期"  style="width: 100%" />
        </a-form-item>
        <a-form-item label="法定代表人" class="form-item">
          <a-input v-decorator="['fdren']" placeholder="法定代表人" autocomplete="off" />
        </a-form-item>
        <a-form-item label="注册资本" class="form-item">
          <a-input v-decorator="['zceziben']" placeholder="注册资本" autocomplete="off" />
        </a-form-item>
        <a-form-item label="董事长" class="form-item">
          <a-input v-decorator="['dongshizhang']" placeholder="董事长" autocomplete="off" />
        </a-form-item>
        <a-form-item label="通讯办公地址" class="form-item">
          <a-input v-decorator="['txbgsdizhi']" placeholder="通讯办公地址" autocomplete="off" />
        </a-form-item>
        <a-form-item label="企业产权形式" class="form-item">
          <a-select v-decorator="['qychqxshi']" placeholder="企业产权形式" >
            <a-select-option value="1">选项1</a-select-option>
            <a-select-option value="2">选项2</a-select-option>
            <a-select-option value="3">选项3</a-select-option>
            <a-select-option value="4">选项4</a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="邮政编码" class="form-item">
          <a-input v-decorator="['yzbianma']" placeholder="邮政编码" autocomplete="off" />
        </a-form-item>
        <a-form-item label="座机" class="form-item">
          <a-input v-decorator="['zuoji']" placeholder="座机" autocomplete="off" />
        </a-form-item>
        <a-form-item label="传真" class="form-item">
          <a-input v-decorator="['fax']" placeholder="传真" autocomplete="off" />
        </a-form-item>
        <a-form-item label="资质主项及等级" class="form-item">
          <a-input v-decorator="['zizhizxdj']" placeholder="资质主项及等级" autocomplete="off" />
        </a-form-item>
        <p class="content mt20">上年末从业人员总数 </p>
        <a-row>
        <a-col span="10">
          <a-form-item
            :label-col="layout.labelCol"
            :wrapper-col="layout.wrapperCol"
            label="管理人员"
          >
            <a-input v-decorator="['glirenyuan']" />
          </a-form-item>
        </a-col>
        <a-col span="10" offset="2">
          <a-form-item :label-col="layout.labelCol" :wrapper-col="layout.wrapperCol" label="生产工人" >
            <a-input v-decorator="['schgongren']" />
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col span="10">
          <a-form-item
            :label-col="layout.labelCol"
            :wrapper-col="layout.wrapperCol"
            label="一级建造师"
          >
            <a-input v-decorator="['yijijzs']" />
          </a-form-item>
        </a-col>
        <a-col span="10" offset="2">
          <a-form-item :label-col="layout.labelCol" :wrapper-col="layout.wrapperCol" label="二级建造师" >
            <a-input v-decorator="['erjijzs']" />
          </a-form-item>
        </a-col>
      </a-row>
        <a-form-item label="上年度完成产值" class="form-item">
          <a-input v-decorator="['erjijzs']" placeholder="上年度完成产值" autocomplete="off" />
        </a-form-item>
        <a-form-item label="上年度实现利润" class="form-item">
          <a-input v-decorator="['sbnczhi']" placeholder="上年度实现利润" autocomplete="off" />
        </a-form-item>
        <a-form-item label="总经理" class="form-item">
          <a-input v-decorator="['zongjingli']" placeholder="总经理" autocomplete="off" />
        </a-form-item>
        <a-form-item label="副经理" class="form-item">
          <a-input v-decorator="['vicejingli']" placeholder="副经理" autocomplete="off" />
        </a-form-item>
        <a-form-item label="总工程师" class="form-item">
          <a-input v-decorator="['zonggcshi']" placeholder="总工程师" autocomplete="off" />
        </a-form-item>
        <a-form-item label="总经济师" class="form-item">
          <a-input v-decorator="['zongjjshi']" placeholder="总经济师" autocomplete="off" />
        </a-form-item>
        <a-form-item label="总会计师" class="form-item">
          <a-input v-decorator="['zongkjishi']" placeholder="总会计师" autocomplete="off" />
        </a-form-item>
        <a-form-item label="科技部负责人" class="form-item">
          <a-input v-decorator="['kejibufuzren']" placeholder="科技部负责人" autocomplete="off" />
        </a-form-item>
        <a-form-item label="安质部负责人" class="form-item">
          <a-input v-decorator="['anzhibufuzren']" placeholder="安质部负责人" autocomplete="off" />
        </a-form-item>
        <a-form-item label="办公室主任" class="form-item">
          <a-input v-decorator="['bgszren']" placeholder="办公室主任" autocomplete="off" />
        </a-form-item>
        <a-form-item label="协会工作联络员" class="form-item">
          <a-input v-decorator="['xhuilianluoren']" placeholder="协会工作联络员" autocomplete="off" />
        </a-form-item>
        <a-form-item label="邮箱" class="form-item">
          <a-input v-decorator="['email']" placeholder="邮箱" autocomplete="off" />
        </a-form-item>
        <a-row>
          <a-col span="10">
            <a-form-item
              :label-col="layout.labelCol"
              :wrapper-col="layout.wrapperCol"
              label="姓名"
            >
              <a-input v-decorator="['username']" />
            </a-form-item>
          </a-col>
          <a-col span="10" offset="2">
            <a-form-item :label-col="layout.labelCol" :wrapper-col="layout.wrapperCol" label="职务" >
              <a-input v-decorator="['hiwu']" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col span="10">
            <a-form-item
              :label-col="layout.labelCol"
              :wrapper-col="layout.wrapperCol"
              label="电话"
            >
              <a-input v-decorator="['telnum']" />
            </a-form-item>
          </a-col>
          <a-col span="10" offset="2">
            <a-form-item :label-col="layout.labelCol" :wrapper-col="layout.wrapperCol" label="手机" >
              <a-input v-decorator="['phone']" />
            </a-form-item>
          </a-col>
        </a-row>
        <!-- <a-form-item label="电话" class="form-item">
          <a-input v-decorator="['dh']" placeholder="电话" autocomplete="off" />
        </a-form-item>
        <a-form-item label="手机" class="form-item">
          <a-input v-decorator="['sj']" placeholder="手机" autocomplete="off" />
        </a-form-item> -->
        <a-form-item label="企业logo" class="form-item" >
          <a-row :gutter="24">
            <a-col :span="20">
              <a-input v-decorator="['logoqye']" placeholder="企业logo" autocomplete="off" />
            </a-col>
            <a-col :span="4">
              <a-upload name="file" :multiple="true" :action="uploadUrl" :headers="headers" >
                <a-button  type="primary" class="ss-btn">上传附件</a-button>
              </a-upload>
            </a-col>
          </a-row>
        </a-form-item>
        <a-form-item label="入会日期" class="form-item">
          <a-input v-decorator="['rhuiriqi']" placeholder="入会日期" autocomplete="off" />
        </a-form-item>
        <a-form-item label="会员证登记号" class="form-item">
          <a-input v-decorator="['hyuandjhao']" placeholder="会员证登记号" autocomplete="off" />
        </a-form-item>
        <a-form-item label="秘书处审核" class="form-item">
          <a-input v-decorator="['mscshenhe']" placeholder="秘书处审核" autocomplete="off" />
        </a-form-item>
        <a-form-item label="备注" class="form-item">
          <a-input v-decorator="['remark']" placeholder="备注" autocomplete="off" />
        </a-form-item>
        <div class="supplier-footer">
          <a-button @click="goBack" class="ss-btn">
            返回
          </a-button>
          <a-button class="ss-btn">
          <!-- <a-button html-type="submit" class="s-btn"> -->
            保存
          </a-button>
          <a-button @click="resetForm" class="ss-btn">
            重填
          </a-button>
          <a-button  type="primary" @click="goNext" class="ss-btn">
            提交
          </a-button>
        </div>
    </a-form>
    </div>
    </section>
  </div>
</template>
<script>
export default {
  name: 'association',
  data () {
    return {
      list: [],
      headers: {
        authorization: 'authorization-text'
      },
      uploadUrl: `${process.env.VUE_APP_URL}/main/upload`,
      form: this.$form.createForm(this),
      layout: {
        labelCol: { span: 7 },
        wrapperCol: { span: 17 }
      }
    }
  },
  components: {
  },
  computed: {
  },
  mounted () {
    window.scrollTo(0, 0)
    document.body.scrollTop = document.documentElement.scrollTop = 0
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    },
    goNext () {
      this.$router.push({ path: '/vip/supplier/final' })
    },
    handleSubmit (e) {
    },
    resetForm () {
      this.form.resetFields()
    }
  }
}
</script>
<style lang="scss">
</style>
